<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>QQ音乐-千万正版音乐海量无损曲库新歌热歌天天畅听的高品质音乐平台！</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <script src="js/jquery-3.3.1.js"></script>
    <script src="js/bootstrap.js"></script>
</head>
<body>
    <!-- 公共头部开始 -->
    <div class="header">
        <div class="header-body">
            <!-- logo开始 -->
            <div class="logo">
                <img src="img/logo.png" alt="">
            </div>
            <!-- logo结束 -->
            <!-- 左侧列表开始 -->
            <ul>
                <li>音乐馆</li>
                <li>我的音乐</li>
                <li>
                    客户端
                    <img src="img/img-1.png" alt="">
                </li>
                <li>开放平台</li>
                <li>VIP</li>                
            </ul>
            <!-- 左侧列表结束 -->
            <!-- 中间搜索开始 -->
            <div class="center">
                <input type="text" placeholder="搜索音乐、MV、歌单、用户"><button>
                    <i class="fa-search fa fa-lg"></i>
                </button> 
            </div>
            <!-- 中间搜索结束 -->
            <!-- 右侧登陆与开通开始 -->
            <div class="right">
                <span>登录</span>
                <button class="btn">开通绿钻豪华版</button>
                <button class="btn">开通付费包</button>
            </div>
            <!-- 右侧登陆与开通结束 -->
        </div>
        <div class="header-bottom">
            <ul>
                <li>首页</li>
                <li><a href="javascript:;">歌手</a></li>
                <li><a href="javascript:;">新碟</a></li>
                <li><a href="javascript:;">排行榜</a></li>
                <li><a href="javascript:;">分类歌单</a></li>
                <li><a href="javascript:;">电台</a></li>
                <li><a href="javascript:;">MV</a></li>
                <li><a href="javascript:;">数字专辑</a></li>
                <li><a href="javascript:;">票务</a></li>
            </ul>
        </div>
    </div>
    <!-- 公共头部结束 -->

    <!-- banner开始 -->
    <div class="banner">
        <div class="banner-body">
            <h2 class="bnr-title"></h2>
            <!-- bootstrap框架开始 -->
            <!-- tab选项卡上面的选项开始 -->
            <ul class="nav nav-tabs tab-title" id="myTab" role="tablist">
                <li class="nav-item">
                  <a class="a_link active" id="home-tab" data-toggle="tab" href="#recommend" >为你推荐</a>
                </li>
                <li class="nav-item">
                  <a class="a_link" id="profile-tab" data-toggle="tab" href="#lovesong">情歌</a>
                </li>
                <li class="nav-item">
                  <a class="a_link" id="contact-tab" data-toggle="tab" href="#Lightmusic">短视频音乐</a>
                </li>
                <li class="nav-item">
                    <a class="a_link" id="profile-tab" data-toggle="tab" href="#bckmius">网络歌曲</a>
                  </li>
                <li class="nav-item">
                    <a class="a_link" id="contact-tab" data-toggle="tab" href="#songlist" role="tab">官方歌单</a>
                </li>
                <li class="nav-item">
                    <a class="a_link" id="contact-tab" data-toggle="tab" href="#Networksong" role="tab">背景音乐</a>
                </li>
            </ul>
            <!-- tab选项卡上面的选项结束 -->
            <!-- tab选项卡下面的内容开始 -->
            <div class="tab-content banner-lb" id="myTabContent">
                <!-- 第一屏插入轮播开始 -->
                <div class="tab-pane fade show active" id="recommend" role="tabpanel" aria-labelledby="home-tab">
                    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                        <div class="carousel-inner">
                          <div class="carousel-item active">
                            <ul>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd1-1.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd1-2.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">期末考前减压：日系温柔女声</p>
                                    <p class="font-bottom">播放量: 5.7万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd1-3.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">诚品音乐2019年度畅销推荐榜</p>
                                    <p class="font-bottom">播放量: 2.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd1-4.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">搞怪纯音：解锁沙雕闺蜜新姿势</p>
                                    <p class="font-bottom">播放量: 2.5万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd1-5.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">孤独来袭：如潮水般涌上心头</p>
                                    <p class="font-bottom">播放量: 2.5万</p>
                                </li>
                            </ul>
                          </div>
                          <div class="carousel-item">
                            <ul>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd-1.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd-2.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd-3.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd-4.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd-5.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                            </ul>
                          </div>
                        </div>
                        <a class="carousel-control-prev btn-left" href="#carouselExampleIndicators" role="button" data-slide="prev">
                          <span aria-hidden="true"><</span>
                        </a>
                        <a class="btn-right" href="#carouselExampleIndicators" role="button" data-slide="next">
                          <span aria-hidden="true">></span>
                        </a>
                    </div>
                <!-- 第一屏插入轮播结束 -->
                </div>
                <!-- 第二屏插入轮播开始 -->
                <div class="tab-pane fade" id="lovesong" role="tabpanel" aria-labelledby="profile-tab">
                    <div id="c" class="carousel slide" data-ride="carousel">
                        <div class="carousel-inner">
                          <div class="carousel-item active">
                            <ul>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd2-1.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">魅惑拉丁：灵性铺垫成华丽的音符</p>
                                    <p class="font-bottom">播放量: 15.5万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd2-2.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">【闽南语对唱】情歌分你一半唱</p>
                                    <p class="font-bottom">播放量: 33.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd2-3.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">韩语伤感：音符似情网，深陷不止</p>
                                    <p class="font-bottom">播放量: 13.2万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd2-4.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">华语流行：薄荷味的清凉小调</p>
                                    <p class="font-bottom">播放量: 33.7万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd2-5.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">金牌作曲人于逸尧：生活中的止疼药</p>
                                    <p class="font-bottom">播放量: 7.6万</p>
                                </li>
                            </ul>
                          </div>
                          <div class="carousel-item">
                            <ul>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd2-6.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">【情歌对唱】幸福要握在手心里</p>
                                    <p class="font-bottom">播放量: 23.4万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd2-7.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">那些爱情中的大胆与奔放</p>
                                    <p class="font-bottom">播放量: 21.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd2-8.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">关于想念，都在这些韩语歌里了</p>
                                    <p class="font-bottom">播放量: 26.1万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd2-9.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">我和你的故事 不仅仅是首情歌</p>
                                    <p class="font-bottom">播放量: 80.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd2-10.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">我曾爱过你，情歌来惦记</p>
                                    <p class="font-bottom">播放量: 92.1万</p>
                                </li>
                            </ul>
                          </div>
                        </div>
                        <a class="carousel-control-prev btn-left" href="#c" role="button" data-slide="prev">
                          <span aria-hidden="true"><</span>
                        </a>
                        <a class="btn-right" href="#c" role="button" data-slide="next">
                          <span aria-hidden="true">></span>
                        </a>
                    </div>
                </div>
                 <!-- 第二屏插入轮播结束 -->
                 <!-- 第三屏插入轮播开始 -->
                <div class="tab-pane fade" id="Lightmusic" role="tabpanel" aria-labelledby="contact-tab">
                    <div id="cc" class="carousel slide" data-ride="carousel">
                        <div class="carousel-inner">
                          <div class="carousel-item active">
                            <ul>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd3-1.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd3-2.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd3-3.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd3-4.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd3-5.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                            </ul>
                          </div>
                          <div class="carousel-item">
                            <ul>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd3-6.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd3-7.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd3-8.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd3-9.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd3-10.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                            </ul>
                          </div>
                        </div>
                        <a class="carousel-control-prev btn-left" href="#cc" role="button" data-slide="prev">
                          <span aria-hidden="true"><</span>
                        </a>
                        <a class="btn-right" href="#cc" role="button" data-slide="next">
                          <span aria-hidden="true">></span>
                        </a>
                    </div>
                </div>
                <!-- 第三屏插入轮播结束 -->
                <!-- 第四屏插入轮播开始 -->
                <div class="tab-pane fade" id="bckmius" role="tabpanel" aria-labelledby="profile-tab">
                    <div id="ccc" class="carousel slide" data-ride="carousel">
                        <div class="carousel-inner">
                          <div class="carousel-item active">
                            <ul>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd4-1.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">糖分预警：把甜甜的情话唱给你听</p>
                                    <p class="font-bottom">播放量: 41.9万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd4-2.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">纳尼！网络语言都成了歌！</p>
                                    <p class="font-bottom">播放量: 66.0万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd4-3.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">【panaman】让我想把少女心献祭的摇滚唱见</p>
                                    <p class="font-bottom">播放量: 9.0万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd4-4.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">露一手！音痴男在KTV必点的华语男声</p>
                                    <p class="font-bottom">播放量: 116.7万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd4-5.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">在网络相识 | 好听却不出名的歌</p>
                                    <p class="font-bottom">播放量: 112.1万</p>
                                </li>
                            </ul>
                          </div>
                          <div class="carousel-item">
                            <ul>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd4-6.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">眉心一点朱砂 染就一树芳华 | 网络篇</p>
                                    <p class="font-bottom">播放量: 37.9万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd4-7.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">聆听内心深处的回音『网络歌曲』</p>
                                    <p class="font-bottom">播放量: 77.4万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd4-8.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">网络中吹来一股清新风</p>
                                    <p class="font-bottom">播放量: 49.7万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd4-9.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">网络歌曲· 唯美旋律与你同行</p>
                                    <p class="font-bottom">播放量: 35.9万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd4-10.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">网络世界中也有单纯的真爱</p>
                                    <p class="font-bottom">播放量: 136.1万</p>
                                </li>
                            </ul>
                          </div>
                        </div>
                        <a class="carousel-control-prev btn-left" href="#ccc" role="button" data-slide="prev">
                          <span aria-hidden="true"><</span>
                        </a>
                        <a class="btn-right" href="#ccc" role="button" data-slide="next">
                          <span aria-hidden="true">></span>
                        </a>
                    </div>
                </div>
                <!-- 第四屏插入轮播结束 -->
                <!-- 第五屏插入轮播开始 -->
                <div class="tab-pane fade" id="songlist" role="tabpanel" aria-labelledby="contact-tab">
                    <div id="cccc" class="carousel slide" data-ride="carousel">
                        <div class="carousel-inner">
                          <div class="carousel-item active">
                            <ul>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd-1.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd-1.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd-1.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd-1.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd-1.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                            </ul>
                          </div>
                          <div class="carousel-item">
                            <ul>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd-1.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd-1.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd-1.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd-1.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd-1.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                            </ul>
                          </div>
                        </div>
                        <a class="carousel-control-prev btn-left" href="#cccc" role="button" data-slide="prev">
                          <span aria-hidden="true"><</span>
                        </a>
                        <a class="btn-right" href="#cccc" role="button" data-slide="next">
                          <span aria-hidden="true">></span>
                        </a>
                    </div>
                </div>
                <!-- 第五屏插入轮播结束 -->
                <!-- 第六屏插入轮播开始 -->
                <div class="tab-pane fade" id="Networksong" role="tabpanel" aria-labelledby="profile-tab">
                    <div id="ccccc" class="carousel slide" data-ride="carousel">
                        <div class="carousel-inner">
                          <div class="carousel-item active">
                            <ul>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd-1.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd-1.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd-1.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd-1.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd-1.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                            </ul>
                          </div>
                          <div class="carousel-item">
                            <ul>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd-1.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd-1.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd-1.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd-1.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                                <li>
                                    <!-- 图片的框开始 -->
                                    <div class="img-bck">
                                        <img src="img/gd-1.jpg" class="bck-img">
                                        <img src="img/cover_play@2x.png" class="bck-bf">
                                    </div>
                                    <!-- 图片的框结束 -->
                                    <p class="font-top">何时开始，「我们」变成了奢侈</p>
                                    <p class="font-bottom">播放量: 13.3万</p>
                                </li>
                            </ul>
                          </div>
                        </div>
                        <a class="carousel-control-prev btn-left" href="#ccccc" role="button" data-slide="prev">
                          <span aria-hidden="true"><</span>
                        </a>
                        <a class="btn-right" href="#ccccc" role="button" data-slide="next">
                          <span aria-hidden="true">></span>
                        </a>
                    </div>
                </div>
                <!-- 第六屏插入轮播结束 -->
            </div>
            <!-- tab选项卡下面的内容结束 -->
            <!-- bootstrap框架结束 -->
        </div>
    </div>
    <!-- banner结束 -->
    <!-- 歌单首发开始 -->
    <div class="starting">
        <div class="starting-body">
            <h2 class="starting-title"></h2>
            <button class="btn-song"><i class="fa fa-play"></i>播放全部</button> <!--这是按钮播放全部-->
            <!-- tab选项卡上面的选项开始 -->
            <ul class="nav nav-tabs tab-title" id="myTab" role="tablist">
                <li class="nav-item">
                  <a class="active" id="home-tab" data-toggle="tab" href="#uptodate">最新</a>
                </li>
                <li class="nav-item">
                  <a class="" id="profile-tab" data-toggle="tab" href="#Mainland">内地</a>
                </li>
                <li class="nav-item">
                  <a class="" id="contact-tab" data-toggle="tab" href="#station">港台</a>
                </li>
                <li class="nav-item">
                    <a class="" id="contact-tab" data-toggle="tab" href="#nice">欧美</a>
                </li>
                <li class="nav-item">
                    <a class="" id="contact-tab" data-toggle="tab" href="#Korea">韩国</a>
                </li>
                <li class="nav-item">
                    <a class="" id="contact-tab" data-toggle="tab" href="#Japan">日本</a>
                </li>
            </ul>
            <!-- tab选项卡上面的选项结束 -->
            <div class="tab-content tab-bottom" id="myTabContent">
                <!-- 第一个选项开始 -->
                    <!-- 轮播图开始 -->
                <div class="tab-pane fade show active" id="uptodate" role="tabpanel" aria-labelledby="home-tab">
                    <div id="a" class="carousel slide" data-ride="carousel">
                        <!-- 上面的切换按钮开始 -->
                        <ol class="carousel-indicators btn-bck">
                          <li data-target="#a" data-slide-to="0" class="active"></li>
                          <li data-target="#a" data-slide-to="1"></li>
                          <li data-target="#a" data-slide-to="2"></li>
                        </ol>
                        <!-- 上面的切换按钮结束 -->
                        <!-- 下面的内容开始 -->
                        <div class="carousel-inner">
                          <div class="carousel-item active">
                            <!-- 轮播图里面的内容开始 -->
                            <ul class="tab-ul">
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/fengdelaixin.webp" style="float:left;">
                                        <p class="font-top">风的来信</p>
                                        <p class="font-bottom">金玟岐</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/xgsf-1-3.webp" style="float:left;">
                                        <p class="font-top">Million Swag</p>
                                        <p class="font-bottom">黄旭</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/xgsf-1-4.webp" style="float:left;">
                                        <p class="font-top">过年的歌</p>
                                        <p class="font-bottom">摩登兄弟</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/xgsf-1-4.webp" style="float:left;">
                                        <p class="font-top">千里之外</p>
                                        <p class="font-bottom">费玉清</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/xgsf-1-6.webp" style="float:left;">
                                        <p class="font-top">野狼Disco</p>
                                        <p class="font-bottom">SING女团</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/xgsf-1-7.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/xgsf-1-8.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/xgsf-1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                            </ul>
                            <!-- 轮播图里面的内容结束 -->
                          </div>
                          <div class="carousel-item">
                            <!-- 轮播图里面的内容开始 -->
                            <ul class="tab-ul">
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                            </ul>
                            <!-- 轮播图里面的内容结束 -->
                          </div>
                          <div class="carousel-item">
                            <!-- 轮播图里面的内容开始 -->
                            <ul class="tab-ul">
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                            </ul>
                            <!-- 轮播图里面的内容结束 -->
                          </div>
                        </div>
                        <!-- 下面的内容结束 -->
                    </div>
                    <!-- 轮播图结束 -->
                <!-- 第一个选项结束 -->
                </div>
                <!-- 第二个选项开始 -->
                <div class="tab-pane fade" id="Mainland" role="tabpanel" aria-labelledby="profile-tab">
                    <div id="b" class="carousel slide" data-ride="carousel">
                        <!-- 上面的切换按钮开始 -->
                        <ol class="carousel-indicators btn-bck">
                          <li data-target="#b" data-slide-to="0" class="active"></li>
                          <li data-target="#b" data-slide-to="1"></li>
                          <li data-target="#b" data-slide-to="2"></li>
                        </ol>
                        <!-- 上面的切换按钮结束 -->
                        <!-- 下面的内容开始 -->
                        <div class="carousel-inner">
                          <div class="carousel-item active">
                            <!-- 轮播图里面的内容开始 -->
                            <ul class="tab-ul">
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                            </ul>
                            <!-- 轮播图里面的内容结束 -->
                          </div>
                          <div class="carousel-item">
                            <!-- 轮播图里面的内容开始 -->
                            <ul class="tab-ul">
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                            </ul>
                            <!-- 轮播图里面的内容结束 -->
                          </div>
                          <div class="carousel-item">
                            <!-- 轮播图里面的内容开始 -->
                            <ul class="tab-ul">
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                            </ul>
                            <!-- 轮播图里面的内容结束 -->
                          </div>
                        </div>
                        <!-- 下面的内容结束 -->
                    </div>
                    <!-- 轮播图结束 -->
                </div>
                <!-- 第二个选项结束 -->
                <!-- 第三个选项开始 -->
                <div class="tab-pane fade" id="station" role="tabpanel" aria-labelledby="contact-tab">
                    <div id="d" class="carousel slide" data-ride="carousel">
                        <!-- 上面的切换按钮开始 -->
                        <ol class="carousel-indicators btn-bck">
                          <li data-target="#d" data-slide-to="0" class="active"></li>
                          <li data-target="#d" data-slide-to="1"></li>
                          <li data-target="#d" data-slide-to="2"></li>
                        </ol>
                        <!-- 上面的切换按钮结束 -->
                        <!-- 下面的内容开始 -->
                        <div class="carousel-inner">
                          <div class="carousel-item active">
                            <!-- 轮播图里面的内容开始 -->
                            <ul class="tab-ul">
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                            </ul>
                            <!-- 轮播图里面的内容结束 -->
                          </div>
                          <div class="carousel-item">
                            <!-- 轮播图里面的内容开始 -->
                            <ul class="tab-ul">
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                            </ul>
                            <!-- 轮播图里面的内容结束 -->
                          </div>
                          <div class="carousel-item">
                            <!-- 轮播图里面的内容开始 -->
                            <ul class="tab-ul">
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                            </ul>
                            <!-- 轮播图里面的内容结束 -->
                          </div>
                        </div>
                        <!-- 下面的内容结束 -->
                    </div>
                    <!-- 轮播图结束 -->
                </div>
                <!-- 第三个选项结束 -->
                <!-- 第四个选项开始 -->
                <div class="tab-pane fade" id="nice" role="tabpanel" aria-labelledby="contact-tab">
                    <div id="e" class="carousel slide" data-ride="carousel">
                        <!-- 上面的切换按钮开始 -->
                        <ol class="carousel-indicators btn-bck">
                          <li data-target="#e" data-slide-to="0" class="active"></li>
                          <li data-target="#e" data-slide-to="1"></li>
                          <li data-target="#e" data-slide-to="2"></li>
                        </ol>
                        <!-- 上面的切换按钮结束 -->
                        <!-- 下面的内容开始 -->
                        <div class="carousel-inner">
                          <div class="carousel-item active">
                            <!-- 轮播图里面的内容开始 -->
                            <ul class="tab-ul">
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                            </ul>
                            <!-- 轮播图里面的内容结束 -->
                          </div>
                          <div class="carousel-item">
                            <!-- 轮播图里面的内容开始 -->
                            <ul class="tab-ul">
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                            </ul>
                            <!-- 轮播图里面的内容结束 -->
                          </div>
                          <div class="carousel-item">
                            <!-- 轮播图里面的内容开始 -->
                            <ul class="tab-ul">
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                            </ul>
                            <!-- 轮播图里面的内容结束 -->
                          </div>
                        </div>
                        <!-- 下面的内容结束 -->
                    </div>
                    <!-- 轮播图结束 -->
                </div>
                <!-- 第四个选项结束 -->
                <!-- 第五个选项开始 -->
                <div class="tab-pane fade" id="Korea" role="tabpanel" aria-labelledby="contact-tab">
                    <div id="g" class="carousel slide" data-ride="carousel">
                        <!-- 上面的切换按钮开始 -->
                        <ol class="carousel-indicators btn-bck">
                          <li data-target="#g" data-slide-to="0" class="active"></li>
                          <li data-target="#g" data-slide-to="1"></li>
                          <li data-target="#g" data-slide-to="2"></li>
                        </ol>
                        <!-- 上面的切换按钮结束 -->
                        <!-- 下面的内容开始 -->
                        <div class="carousel-inner">
                          <div class="carousel-item active">
                            <!-- 轮播图里面的内容开始 -->
                            <ul class="tab-ul">
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                            </ul>
                            <!-- 轮播图里面的内容结束 -->
                          </div>
                          <div class="carousel-item">
                            <!-- 轮播图里面的内容开始 -->
                            <ul class="tab-ul">
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                            </ul>
                            <!-- 轮播图里面的内容结束 -->
                          </div>
                          <div class="carousel-item">
                            <!-- 轮播图里面的内容开始 -->
                            <ul class="tab-ul">
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                            </ul>
                            <!-- 轮播图里面的内容结束 -->
                          </div>
                        </div>
                        <!-- 下面的内容结束 -->
                    </div>
                    <!-- 轮播图结束 -->
                </div>
                <!-- 第五个选项结束 -->
                <!-- 第六个选项开始 -->
                <div class="tab-pane fade" id="Japan" role="tabpanel" aria-labelledby="contact-tab">
                    <div id="f" class="carousel slide" data-ride="carousel">
                        <!-- 上面的切换按钮开始 -->
                        <ol class="carousel-indicators btn-bck">
                          <li data-target="#f" data-slide-to="0" class="active"></li>
                          <li data-target="#f" data-slide-to="1"></li>
                          <li data-target="#f" data-slide-to="2"></li>
                        </ol>
                        <!-- 上面的切换按钮结束 -->
                        <!-- 下面的内容开始 -->
                        <div class="carousel-inner">
                          <div class="carousel-item active">
                            <!-- 轮播图里面的内容开始 -->
                            <ul class="tab-ul">
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                            </ul>
                            <!-- 轮播图里面的内容结束 -->
                          </div>
                          <div class="carousel-item">
                            <!-- 轮播图里面的内容开始 -->
                            <ul class="tab-ul">
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                            </ul>
                            <!-- 轮播图里面的内容结束 -->
                          </div>
                          <div class="carousel-item">
                            <!-- 轮播图里面的内容开始 -->
                            <ul class="tab-ul">
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                                <li>
                                    <div class="img-left">
                                        <img src="img/sf1-1.webp" style="float:left;">
                                        <p class="font-top">唯新主义</p>
                                        <p class="font-bottom">刘瑞琦</p>
                                    </div>
                                    <p class="font-time">03:28</p>
                                </li>
                            </ul>
                            <!-- 轮播图里面的内容结束 -->
                          </div>
                        </div>
                        <!-- 下面的内容结束 -->
                    </div>
                    <!-- 轮播图结束 -->
                </div>
                <!-- 第六个选项结束 -->
            </div>
        </div>
    </div>
    <!-- 歌单首发开始 -->
    <!-- 精推开始 -->
    <div class="push">
        <div class="push-body">
            <h2></h2>
            <div id="jt" class="carousel slide bck-lb" data-ride="carousel">
                <ol class="carousel-indicators tab-ol">
                  <li data-target="#jt" data-slide-to="0" class="active"></li>
                  <li data-target="#jt" data-slide-to="1"></li>
                  <li data-target="#jt" data-slide-to="2"></li>
                </ol>
                <div class="carousel-inner">
                  <div class="carousel-item active">
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <img src="img/jctj-1.webp">
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="img/jt-1.webp">
                            </a>
                        </li>
                    </ul>
                  </div>
                  <div class="carousel-item">
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <img src="img/jctj-3.webp">
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="img/jctj-4.webp">
                            </a>
                        </li>
                    </ul>
                  </div>
                  <div class="carousel-item">
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <img src="img/jctj-5.webp">
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <img src="img/jctj-6.webp">
                            </a>
                        </li>
                    </ul>
                  </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 精推结束 -->
    <!-- 新碟首发开始 -->
    <div class="dish">
        <div class="dish-body">
            <h2></h2>
            <ul class="nav nav-tabs tab-center" id="myTab" role="tablist">
                <li class="nav-item">
                  <a class="tab-a active" id="home-tab" data-toggle="tab" href="#Inside">内地</a>
                </li>
                <li class="nav-item">
                  <a class="tab-a" id="profile-tab" data-toggle="tab" href="#port">港台</a>
                </li>
                <li class="nav-item">
                  <a class="tab-a" id="contact-tab" data-toggle="tab" href="#Europe">欧美</a>
                </li>
                <li class="nav-item">
                    <a class="tab-a" id="contact-tab" data-toggle="tab" href="#Han">韩国</a>
                </li>
                <li class="nav-item">
                    <a class="tab-a" id="contact-tab" data-toggle="tab" href="#ri">日本</a>
                </li>
                <li class="nav-item">
                    <a class="tab-a" id="contact-tab" data-toggle="tab" href="#other">其他</a>
                </li> 
            </ul>
            <div class="tab-content dish-tab-bottom" id="myTabContent">
                <div class="tab-pane fade show active" id="Inside" role="tabpanel" aria-labelledby="home-tab">
                    <ul>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xdsf-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">下一站是幸福 影视原声带</p>
                            <p class="font-bottom">金玟岐 / 林世民 / 何弈晨</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xdsf-2.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">妖精种植手册 原声带 妖精的悲歌</p>
                            <p class="font-bottom">腾讯动漫</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xdsf-3.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">我们的歌 贺岁金曲歌会 上</p>
                            <p class="font-bottom">中国梦之声·我们的歌</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xdsf-4.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">野狼Disco（国风版）</p>
                            <p class="font-bottom">SING女团</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xdsf-5.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">武汉伢</p>
                            <p class="font-bottom">华语群星</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xdsf-6.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                    </ul>
                </div>
                <div class="tab-pane fade" id="port" role="tabpanel" aria-labelledby="profile-tab">
                    <ul>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xdsf-2-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">叶丽仪万般瑰丽50周年</p>
                            <p class="font-bottom">叶丽仪</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xdsf-2-2.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">平安夜（打打气版）</p>
                            <p class="font-bottom">梁咏琪</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xdsf-2-3.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">似水流年</p>
                            <p class="font-bottom">吴若希</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xdsf-2-4.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">月亮代表我的心</p>
                            <p class="font-bottom">谷娅溦</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xdsf-2-5.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">高攀爱（合唱版）</p>
                            <p class="font-bottom">李靖筠 / 陈家乐</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xdsf-6.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">有一种爱</p>
                            <p class="font-bottom">古巨基</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xdsf-2-7.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">陌生人</p>
                            <p class="font-bottom">陈又熙(Yohee)</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xdsf-2-8.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">没行李的旅途</p>
                            <p class="font-bottom">刘永辉</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xdsf-2-9.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">烂醉</p>
                            <p class="font-bottom">颜人中</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xdsf-2-10.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">不见就散</p>
                            <p class="font-bottom">李克勤 / 周深</p>
                        </li>
                    </ul>
                </div>
                <div class="tab-pane fade" id="Europe" role="tabpanel" aria-labelledby="contact-tab">
                    <ul>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                    </ul>
                </div>
                <div class="tab-pane fade" id="Han" role="tabpanel" aria-labelledby="profile-tab">
                    <ul>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                    </ul>
                </div>
                <div class="tab-pane fade" id="ri" role="tabpanel" aria-labelledby="contact-tab">
                    <ul>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                    </ul>
                </div>
                <div class="tab-pane fade" id="other" role="tabpanel" aria-labelledby="contact-tab">
                    <ul>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                        <li>
                            <div class="bck-img">
                                <img class="img-z_1" src="img/xd1-1.webp">
                                <img class="img-z_2" src="img/cover_play@2x.png">
                            </div>
                            <p class="font-top">今夏</p>
                            <p class="font-bottom">谭松韵 / 杨创</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 新碟首发结束 -->
    <!-- 排行榜开始 -->
    <div class="ranking">
        <div class="ranking-body">
            <h2></h2>
            <ul>
                <li class="background">
                    <h3>
                        巅峰榜<br>
                        <p>热歌</p>
                    </h3>
                    <!-- 触碰出现播放开始 -->
                    <div class="bck">
                        <div class="bck-h"></div>
                        <img class="bck-img" src="img/cover_play@2x.png">
                    </div>
                    <!-- 触碰出现播放结束 -->
                    <ol>
                        <li>
                            <a class="font" href="javascript:;">1 桥边姑娘</a><br>
                            <a class="font" href="javascript:;">&nbsp;&nbsp;&nbsp;海伦</a>
                        </li>
                        <li>
                            <a class="font" href="javascript:;">2 侠客行</a><br>
                            <a class="font" href="javascript:;">&nbsp;&nbsp;&nbsp;吴亦凡</a>
                        </li>
                        <li>
                            <a class="font" href="javascript:;">3 处处吻</a><br>
                            <a class="font" href="javascript:;">&nbsp;&nbsp;&nbsp;杨千嬅</a>
                        </li>
                    </ol>
                </li>
                <li class="background">
                    <h3>
                        巅峰榜<br>
                        <p>新歌</p>
                    </h3>
                    <!-- 触碰出现播放开始 -->
                    <div class="bck">
                        <div class="bck-h"></div>
                        <img class="bck-img" src="img/cover_play@2x.png">
                    </div>
                    <!-- 触碰出现播放结束 -->
                    <ol>
                        <li>
                            <a class="font" href="javascript:;">1 侠客行</a><br>
                            <a class="font" href="javascript:;">&nbsp;&nbsp;吴亦凡</a>
                        </li>
                        <li>
                            <a class="font" href="javascript:;">2 Yummy</a><br>
                            <a class="font" href="javascript:;">&nbsp;&nbsp;Justin Bieber</a>
                        </li>
                        <li>
                            <a class="font" href="javascript:;">3 不分昼夜</a><br>
                            <a class="font" href="javascript:;">&nbsp;&nbsp;易烊千玺</a>
                        </li>
                    </ol>
                </li>
                <li class="background">
                    <h3>
                        巅峰榜<br>
                        <p>流行指数</p>
                    </h3>
                    <!-- 触碰出现播放开始 -->
                    <div class="bck">
                        <div class="bck-h"></div>
                        <img class="bck-img" src="img/cover_play@2x.png">
                    </div>
                    <!-- 触碰出现播放结束 -->
                    <ol>
                        <li>
                            <a class="font" href="javascript:;">1 竹石 (Live)</a><br>
                            <a class="font" href="javascript:;">&nbsp;&nbsp;肖战</a>
                        </li>
                        <li>
                            <a class="font" href="javascript:;">2 大眠 (温柔男声)</a><br>
                            <a class="font" href="javascript:;">&nbsp;&nbsp;王茗</a>
                        </li>
                        <li>
                            <a class="font" href="javascript:;">3 千年一声唱 (Live)</a><br>
                            <a class="font" href="javascript:;">&nbsp;&nbsp;那英/肖战</a>
                        </li>
                    </ol>
                </li>
                <li class="background">
                    <h3>
                        巅峰榜<br>
                        <p>欧美</p>
                    </h3>
                    <!-- 触碰出现播放开始 -->
                    <div class="bck">
                        <div class="bck-h"></div>
                        <img class="bck-img" src="img/cover_play@2x.png">
                    </div>
                    <!-- 触碰出现播放结束 -->
                    <ol>
                        <li>
                            <a class="font" href="javascript:;">1 Yummy</a><br>
                            <a class="font" href="javascript:;">&nbsp;&nbsp;Justin Bieber</a>
                        </li>
                        <li>
                            <a class="font" href="javascript:;">2 You should be sad</a><br>
                            <a class="font" href="javascript:;">&nbsp;&nbsp;Halsey</a>
                        </li>
                        <li>
                            <a class="font" href="javascript:;">3 Rare</a><br>
                            <a class="font" href="javascript:;">&nbsp;&nbsp;Selena Gomez</a>
                        </li>
                    </ol>
                </li>
                <li class="background">
                    <h3>
                        巅峰榜<br>
                        <p>韩国</p>
                    </h3>
                    <!-- 触碰出现播放开始 -->
                    <div class="bck">
                        <div class="bck-h"></div>
                        <img class="bck-img" src="img/cover_play@2x.png">
                    </div>
                    <!-- 触碰出现播放结束 -->
                    <ol>
                        <li>
                            <a class="font" href="javascript:;">1 Go away go away</a><br>
                            <a class="font" href="javascript:;">&nbsp;&nbsp;灿烈 (찬열)/PUNCH</a>
                        </li>
                        <li>
                            <a class="font" href="javascript:;">2 Psycho</a><br>
                            <a class="font" href="javascript:;">&nbsp;&nbsp;Red Velvet</a>
                        </li>
                        <li>
                            <a class="font" href="javascript:;">3 너를 사랑하고</a><br>
                            <a class="font" href="javascript:;">&nbsp;&nbsp;伯贤 (백현)</a>
                        </li>
                    </ol>
                </li>
            </ul>
        </div>
    </div>
    <!-- 排行榜结束 -->
    <!-- 底部开始 -->
    <div class="bottom">
        <div class="bottom-copy">
            <p>关于腾讯 | About Tencent | 服务条款 | 用户服务协议 | 隐私政策 | 权利声明 | 广告服务 | 腾讯招聘 | 客服中心 | 网站导航</p>
            <p>Copyright © 1998 - 2020 Tencent. All Rights Reserved.</p>
            <p>腾讯公司 版权所有 腾讯网络文化经营许可证</p>
        </div>
    </div>
    <!-- 底部结束 -->
</body>
</html>